<app-hero-search></app-hero-search>
<ul class="heroes">
  <li *ngFor="let hero of heroes"
    [class.selected]="isSelected(hero)"
    (click)="onSelect(hero)">
    <span class="badge">{{ hero.id }}</span> {{ hero.brand }} {{states(hero)}}
  </li>
</ul>
